<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/layout">
<title layout:fragment="title">系统列表</title>
<body>
<div class="main-content" layout:fragment="content">
    <div class="breadcrumbs" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
                <a href="/admin/">首页</a>
            </li>
            <li class="active">系统列表</li>
        </ul>
    </div>
    <!-- .page-content -->
    <div class="page-content">


        <div class="page-header">
            <h1 th:text="'('+${platform.name}+')角色列表'">

            </h1>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <a th:href="@{/admin/role/add(platformId=${platform.id})}" href="" class="btn btn-primary btn-sm">添加角色<i class="icon-edit icon-on-right bigger-120"></i></a>
                <input id="platformId" th:value="${platform.id}" style="display: none"/>
            </div>
        </div>
        <hr/>

        <div class="row">
            <div class="col-xs-12">
                <div>
                    <form class="form-search" id="search-form">
                        <label for="roleName" style="padding-top: 5px; padding-right: 5px;">角色名称：</label>
                        <input type="text" class="search-query" name="roleName" id="roleName"/>
                        <!--<input type="text" class="input-medium search-query" />-->
                        <button type="button" class="btn btn-purple btn-sm" style="margin-bottom: 3px;" id="btn_search">查询<i class="icon-search icon-on-right bigger-110"></i></button>
                        <button type="button" class="btn  btn-sm" style="margin-bottom: 3px;margin-left: 5px" id="btn_search_clear">清空<i class="icon-undo icon-on-right bigger-110"></i></button>
                    </form>
                </div>
                <br/>
                <table id="dataTable" class="table table-striped table-bordered table-hover dataTable"
                       aria-describedby="tradeTable_info">
                    <thead></thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script layout:fragment="script" th:src="@{/assets/js/role/home.js}"></script>
</body>
</html>